﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>基础框架平台服务前端预览中心-数据服务-普通参数</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-editable.css" rel="stylesheet" />
    <link href="css/docs.css" rel="stylesheet" />
    <link href="css/pygments-manni.css" rel="stylesheet" />
</head>
<body style="background-color: #F1F3FA;">
    <nav class="navbar navbar-default" style="margin-top:5px; margin-bottom:15px;">
        <div class="container-fluid">
            <div class="navbar-header" style="font-size:16px; padding-top:8px;">
                <span style="font-size: 23px; border: solid 1px #DDDDDD; padding:0px 5px; margin-right:25px; float:left;">数据服务-普通参数</span>
                <span id="sp_seviceUrl" style="float:left; padding-top:6px; font-size:15px;"></span>
            </div>
        </div>
    </nav>
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">表格预览</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">调用结果</a></li>
        <li role="presentation"><a href="#serviceAPI" aria-controls="profile" role="tab" data-toggle="tab">数据服务API</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="home">
            <div class="panel panel-primary">
                <div class="panel-heading">表格视图</div>
                <div id="tb_content" class="panel-body" style="overflow-x:scroll;">
                    <div class="container-fluid">
                        <table id="tb_list"></table>
                    </div>
                </div>
            </div>
            
        </div>
        <div role="tabpanel" class="tab-pane fade" id="profile">
            <div class="panel panel-primary">
                <div class="panel-heading">调用结果</div>
                <div id="sv_content" class="panel-body"></div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="serviceAPI">
            <div class="panel panel-primary">
                <div class="panel-heading">数据服务API</div>
                <div id="tb_data" class="panel-body">
                    <h4>分页查询数据服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p id="executeQuery"></p>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>参数说明</h4>
                        <table class="table table-bordered table-striped js-options-table">
                            <thead><tr><th>名称</th><th>类型</th><th>说明</th></tr></thead>
                            <tbody>
                                <tr>
                                    <td>serviceID</td>
                                    <td>String</td>
                                    <td>服务ID</td>
                                </tr>
                                <tr>
                                    <td>pageNO</td>
                                    <td>int</td>
                                    <td>当前页数,从1开始</td>
                                </tr>
                                <tr>
                                    <td>pageSize</td>
                                    <td>int</td>
                                    <td>页大小</td>
                                </tr>
                                <tr>
                                    <td>conQuery</td>
                                    <td>Json</td>
                                    <td>
                                        查询条件,格式为[{"field":"","con":"","value":"","type":""},
                                        {"field":"","con":"","value":"","type":""},...],field:字段名称；con:条件(>,=,<,like,>
                                            =,<=,!=)；
                                            value:具体值；type:字段类型(string,int,date(年->year,月->month,日->day,年-月->ymonth,
                                            年-月-日->date,年-月-日 时->datehour,年-月-日 时:分->datehmin,年-月-日 时:分:秒->datetime));
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>调用实例</h4>
                        <p>
                            使用ajax调用，支持get请求,返回Json数据格式{"total":"总条数","rows":[{数据集合}]},
                            可以使用bootstrap-table直接调用不用做处理，如是使用其他js类库，请注意返回的Json格式
                        </p>
                        <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
                            </code></pre>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootbox.min.js"></script>
    <script src="js/services/serviceConfig.js"></script>
    <script src="js/services/dataServices.js"></script>
    <script src="js/docs.js"></script>
</body>
</html>
